<template>
  <div id="header-bar">
    <div class="major-bar"><slot name="major-bar"/></div>
    <div class="next-bar"><slot name="next-bar"/></div>
  </div>
</template>
<script>
export default {
  name:'HeaderBar'
}
</script>
<style>
#header-bar{
  display: flex;
  width: 100%;
  font-size: 16px;
  text-align: left;
  margin-top: 2%;
}
#header-bar .major-bar{
  font-weight: 800;
}
</style>